@import '../../../@theme/styles/themes';
@import '../../../../../node_modules/bootstrap/scss/mixins/_breakpoints';
@import '../../../../../node_modules/@nebular/theme/styles/global/bootstrap/_breakpoints';

@include nb-install-component() {

  /deep/ .ui-table .ui-table-thead > tr > th {
    padding: .45em .5em;
  }

  /deep/ .ui-table .ui-table-tbody > tr > td {
    padding: .45em .5em !important;
  }

  /deep/ .ui-state-active{
    background:#ff995f !important;
    border:1px solid #ff995f !important;
  }

  /deep/ .map_select .ui-button{
    display:block;
    margin-bottom:2px;
    background:#d9d9d9;
    border:1px solid #d9d9d9;
  }

  /deep/ .map_select .ui-button-text{
    padding:0.15em 0.5em
  }

  /deep/ .handle_select .ui-state-active{
    background:#677bd3 !important;
    border:1px solid #677bd3 !important;
  }

  /deep/ .handle_select .ui-button{
    background:#eeeeee;
    border:1px solid #eeeeee;
  }

  .map{
    width:100%;
    height:100%;
    //background: url('/assets/images/dynamics/map.png') no-repeat;
  }

  .left-box{
    width:360px;
    height:100%;
    position:absolute;
    border-right: 1px solid #d9dadc;
    z-index:1000;
    top: 0px;
    left: 0px;
    background:#fff;
  }

  .search-box{
    width:340px;
    margin:10px auto;
  }

  .option_4{
    width:270px;
    height:28px;
    border-color: #d9dadc;
    padding-left:10px;
    margin-bottom:5px;
  }

  .option_5{
    width:185px;
    height:28px;
    border-color: #d9dadc;
    padding-left:10px;
    margin-right:10px;
  }

  .content-box{
    width:340px;
    margin:0px auto;
    height:450px;
    overflow: auto;
  }

  /*地图类型选择*/
  .map_select{
    position:absolute;
    left:370px;
    top:10px;
  }

  /*监测站标注*/
  .distribution_select{
    height: 110px;
    width: 124px;
    position:absolute;
    right:7px;
    bottom:7px;
    background:#eeeeee;
    border:1px solid #7373f7;
    border-radius:2px;
  }
  .distribution_select>ul>li {
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    text-align: left;
    padding-left: 32px;
    list-style: none;
  }
  .distribution_select>ul>li.gj{
    background: url('/assets/images/dynamics/distribute/red.png') 10px no-repeat;
  }
  .distribution_select>ul>li.sj{
    background: url('/assets/images/dynamics/distribute/yellow.png') 10px no-repeat;
  }
  .distribution_select>ul>li.pt{
    background: url('/assets/images/dynamics/distribute/green.png') 10px no-repeat;
  }
  .distribution_select>ul>li.tc{
    background: url('/assets/images/dynamics/distribute/blue.png') 10px no-repeat;
  }


  /*操作选择*/
  .handle_select{
    width: 190px;
    height: 35px;
    border-radius: 3px;
    background-color: #eeeeee;
    position:absolute;
    right:421px;
    bottom:40px;
  }

  nb-card{
    height:540px;
  }

  nb-card-body{
    overflow: hidden;
  }

  @include media-breakpoint-down(sm) {
    ngx-traffic {
      display: none;
    }
  }

  @include media-breakpoint-down(is) {
    /deep/ nb-card.large-card {
      height: nb-theme(card-height-medium);
    }
  }
}




